// import React, { useEffect } from 'react';
// import { Form, Input, Select, Checkbox, Button } from 'antd';
// import { useNavigate, useParams } from 'react-router-dom';

// const { Option } = Select;

// // 假设的用户服务，用于获取和更新用户信息
// // 在实际应用中，这里应该是与后端API交互的代码
// const userService = {
//   getUserById: async (userId) => {
//     // 这里应该是调用后端API获取用户信息的代码
//     // 现在我们只是返回一个模拟的用户对象
//     return {
//       username: '张三',
//       mobile: '13800138000',
//       loginid: 'zhangsan',
//       password: '123456',
//       department: 'sales',
//       email: 'zhangsan@example.com',
//       gender: 'male',
//       position: '销售经理',
//       role: true, // 假设这是一个布尔值，表示是否是普通角色
//     };
//   },
//   updateUser: async (userId, userData) => {
//     // 这里应该是调用后端API更新用户信息的代码
//     console.log('Updating user:', userId, userData);
//   },
// };

// const EditUser = () => {
//   const [form] = Form.useForm();
//   const navigate = useNavigate();
//   const { userId } = useParams();

//   useEffect(() => {
//     // 当组件挂载时，获取用户信息并填充表单
//     const fetchUser = async () => {
//       const user = await userService.getUserById(userId);
//       form.setFieldsValue(user);
//     };

//     fetchUser();
//   }, [form, userId]);

//   const onFinish = (values) => {
//     // 处理表单提交，例如发送到服务器
//     userService.updateUser(userId, values);
//     console.log('Received values of form: ', values);
//     // 提交后重置表单或者跳转到其他页面
//     navigate('/users'); // 假设你想要跳转到用户列表页面
//   };

//   const handleReturn = () => {
//     // 使用 navigate(-1) 返回上一个页面
//     navigate(-1);
//   };

//   return (
//     <div>
//       <h2>修改用户</h2>
//       <Form
//         form={form}
//         name="edit_user"
//         onFinish={onFinish}
//         labelCol={{ span: 4 }}
//         wrapperCol={{ span: 16 }}
//       >
//         {/* 表单项与添加用户页面类似，这里不再重复 */}
//         {/* ... */}
//         <Form.Item wrapperCol={{ offset: 4, span: 16 }}>
//           <Button type="primary" htmlType="submit">
//             更新
//           </Button>
//           <Button type='default' style={{ marginLeft: 8 }} onClick={handleReturn}>
//             返回
//           </Button>
//         </Form.Item>
//       </Form>
//     </div>
//   );
// };

// export default EditUser;
